// 目标：30倒计时到0  
// 函数 useCounter 有个参数second
// 返回一个 counter
// 组件卸载 停止倒计时
// 组件挂载 开始倒计时
import { useEffect,useState } from "react";
export function useCounter(second=30){
  // 定义剩余的秒数counter，默认值second
  const [counter,setCounter] = useState(second);
   // 定义一个定时器
   let ind = setInterval(()=>{
    // 让counter-1
    setCounter(counter-1)
    console.log(counter);
  },1000)
  // 停止播放
  const stop = ()=>{clearInterval(ind)}
  //  组件挂载与更新时候
  useEffect(()=>{
     // 如果counter小于0 清除定时器
    if(counter<=0){clearInterval(ind)}
    // 如果卸载也清除定时器
   // 当组件将要被卸载使用，这个return出来的函数会被执行
    return ()=>{clearInterval(ind)};
  },[counter,ind])
  // 返回剩余的秒数
  return [counter,stop]
}
